@charset "utf-8";
/*!  Project : 四川和信建筑装饰有限公司
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  337676937    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2019.05.20   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.cuna{cursor: not-allowed;}
.pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;}
.bgf{background-color: #fff;}
.bgf1{background-color: #f1f1f1;}
.bgf5{background-color: #f5f5f5;}
.bge{background-color: #eee;}
.m-borderArrow .contain s{position: absolute; left: -28px; margin-left: 1px; top: 16px; width: 28px; height: 16px;}
.m-borderArrow .contain s:before,
.m-borderArrow .contain s:after{content: " "; position: absolute; left: 0%; top: 50%; margin-top: -8px;}
.m-borderArrow .contain s:before{margin-left: 0; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent #ec981b transparent transparent; border-style: dashed solid dashed dashed; font-size: 0;}
.m-borderArrow .contain s:after{margin-left: 2px; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent #fef9ed transparent transparent; border-style: dashed solid dashed dashed; font-size: 0;}
.m-borderArrow .contain:before,
.m-borderArrow .contain:after{border-color: #ec981b; background-color: #fef9ed;}
.m-borderArrow .contain:after{left: 5px; top: 4px; right: -5px; bottom: -4px;}
.m-borderArrow .contain s{position: absolute; right: -28px; margin-right: 1px; top: 16px; width: 28px; height: 16px;}
.m-borderArrow .contain s:before,
.m-borderArrow .contain s:after{content: " "; position: absolute; right: 0%; top: 50%; margin-top: -8px;}
.m-borderArrow .contain s:before{margin-right: 0; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent transparent transparent #e64a19; border-style: dashed dashed dashed solid; font-size: 0;}
.m-borderArrow .contain s:after{margin-right: 2px; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent transparent transparent #f1faf3; border-style: dashed dashed dashed solid; font-size: 0;}
.m-borderArrow .contain:before,
.m-borderArrow .contain:after{border-color: #e64a19; background-color: #f1faf3;}
.m-borderArrow .contain:after{left: -5px; top: 4px; right: 5px; bottom: -4px;}
.btnxxx .btn1{text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.btnxxx .btn1 span{display: inline-block; position: relative; overflow: hidden; width: 9em; white-space: nowrap; text-indent: 0; -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s;}
.btnxxx .btn1 strong{display: inline-block; width: 9em; text-align: center; text-indent: 0;}
.btnxxx .btn1:hover span{text-indent: -10em;}
@-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
@-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
@keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
.AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;}
@-webkit-keyframes animateStay{0, 100%{opacity: 1;}}
@keyframes animateStay{0, 100%{opacity: 1;}}
.animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;}
@-webkit-keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
@keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
.AniNone{-webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1;}
@-webkit-keyframes AniCalmdown{}
@keyframes AniCalmdown{}
.AniCalmdown{-webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;}
/* baseCss */
.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: top;}
.vab{vertical-align: bottom;}
.vat{vertical-align: top;}
.unsel{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;}
.op0{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.op1{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.taps a,
.tapList a,
.tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.tapList .link{display: block;}
.lhd5{height: .5em;}
.reject{cursor: not-allowed;}
.poss{position: static !important;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;}
.hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;}
.viewport{position: relative;}
.hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
.hScroll .scrollBox,
.hScroll .overview{display: inline-block; vertical-align: top;}
.vScroll{font-size: 0; overflow-y: auto; overflow-x: hidden;}
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.ensp{display: inline-block; vertical-align: middle; width: .5em; height: 1px;}
.cnsp{display: inline-block; vertical-align: middle; width: 1em; height: 1px;}
._pen{pointer-events: none !important;}
.bgct{background-color: transparent !important;}
/* resetEnd */
.c1{color: #ec981b;}
.bgc1{background-color: #ec981b;}
.c2{color: #e64a19;}
.bgc2{background-color: #e64a19;}
.c3{color: #ff7200;}
.bgc3{background-color: #ff7200;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{min-width: 1200px; max-width: 1920px;}
body{color: #666666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
a{color: #333333; -webkit-transition: color 220ms; transition: color 220ms;}
a.on,
a:hover{color: #ec981b;}
.w,
.container{width: 1200px;}
.vmbox{font-size: 14px; line-height: 1; font-family: "Microsoft YaHei", "微软雅黑";}
button,
input,
select,
textarea{font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 16px; line-height: 24px;}
.imax{font-size: 16px; line-height: 2; color: #333333;}
::-moz-selection{background: #c47c10; color: #fff; text-shadow: none;}
::selection{background: #c47c10; color: #fff; text-shadow: none;}
.scroll-wrap{background-color: #fff;}
.pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1);}
.pc ::-webkit-scrollbar-thumb{width: 4px; height: 4px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.25);}
.pc ::-webkit-scrollbar-track{background: #ababa7;}
.pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;}
.loading{background-image: url(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
/* ------------------- htmls ------------------- */
/* 表单 */
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */}
.formItem.red .skin{ border:1px solid #E90509;}
.formItem.red .skin::-webkit-input-placeholder{color: #ff0000;}
.formItem.red .skin:-moz-placeholder{color: #ff0000;}
.formItem.red .skin::-moz-placeholder{color: #ff0000;}
.formItem.red .skin:-ms-input-placeholder{color: #ff0000;}
/* 组件 */
.ysqUEO .scs.hbgOn img,
.ysqUEO .scst.hbgOn img,
.ysqUEO .scs:hover img,
.ysqUEO .scst:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.ysqUEO .scs img{-webkit-transition-duration: 800ms; transition-duration: 800ms;}
.ysqUEO .scst img{-webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.ysqUEO .tfy3,
.ysqUEO .tfx3,
.ysqUEO .tfy-3,
.ysqUEO .tfx-3{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.ysqUEO .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.ysqUEO .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.ysqUEO .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.ysqUEO .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.ysqUEO .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.hbg .op0{visibility: hidden; /* *visibility: visible; */ -webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{-webkit-transition: all 250ms ease 0ms, all 220ms ease 0s, all 220ms ease 0s; transition: all 250ms ease 0ms, all 220ms ease 0s, all 220ms ease 0s; opacity: 0; /* *visibility: visible; */ visibility: hidden; /* *visibility: visible; */}
/* keyframes use */
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 100%{opacity: 1;}}
@keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 100%{opacity: 1;}}
.zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;}
@-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;}
@-webkit-keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;}
.ysqUEO .abtnSc{position: relative; overflow: hidden; z-index: 1;}
.ysqUEO .abtnSc:after{z-index: -1; content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin-left: -120px; margin-top: -120px; background-color: #fff; width: 240px; height: 240px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0); transform: scale(0); pointer-events: none;}
.ysqUEO .abtnSc:hover:after{-webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 0.15; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.ysqUEO .abtnBd{overflow: hidden; z-index: 0;}
.ysqUEO .abtnBd:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; pointer-events: none; border: 0 solid #aaaaaa; border-radius: inherit; opacity: 0;}
.ysqUEO .abtnBd:hover:after{border-width: 30px; opacity: 0.2;}
.ysqUEO .abtnMask{position: relative; overflow: hidden; background-color: #000000 \9;}
.ysqUEO .abtnMask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000000; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.ysqUEO .abtnMask:after{z-index: 8 !important; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.ysqUEO .abtnMask:hover:after{opacity: .1;}
/* 相册弹窗 */
#albumWindow{position: fixed; left: 0; top: 50%; right: 0; bottom: 50%; z-index: 99; background-color: #fff; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.no-supports #albumWindow{-webkit-transform: none !important; transform: none !important;}
#albumWindow.visible{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 1; visibility: visible; top: 0; bottom: 0;}
#albumWindow .close.btn{position: absolute; overflow: hidden; z-index: 3; right: 0; top: 0; width: 56px; height: 56px; background-color: #e64a19; text-indent: 150%; *text-indent: 0; text-align: center; font-size: 30px; line-height: 56px; color: #fff; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";}
#albumWindow .close.btn s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
#albumWindow .close.btn s:before,
#albumWindow .close.btn s:after{content: " "; position: absolute; left: 13px; width: 30px; height: 4px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #fff;}
#albumWindow .close.btn s:before{top: 17px; -webkit-transform: rotate(45deg) translate(5.79898987px, 0); transform: rotate(45deg) translate(5.79898987px, 0); top: 11px;}
#albumWindow .close.btn s:after{bottom: 17px; -webkit-transform: rotate(-45deg) translate(5.79898987px, 0); transform: rotate(-45deg) translate(5.79898987px, 0); bottom: 11px;}
#albumWindow .close.btn s:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
#albumWindow .ablumName{position: absolute; color: #333; font-size: 16px; top: -56px; line-height: 56px; left: 0;}
#albumWindow .serialNum{position: absolute; left: 0; right: 0; text-align: center; font-size: 22px; color: #999; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";}
#albumWindow .serialNum s{color: #777;}
#albumWindow .contain{position: absolute; z-index: 1; left: 56px; right: 56px; top: 56px; bottom: 26px;}
#albumWindow .contain .list0{position: absolute; left: 0; top: 0; width: 300%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff;}
#albumWindow .contain .item{float: left; position: relative; width: 1200px; height: 100%; text-align: center;}
#albumWindow .contain .item .img{width: 100%;}
#albumWindow .contain .item h3{position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #666; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
#albumWindow .contain .item.on h3{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 1; visibility: visible;}
#albumWindow .contain .tips{width: 100%; text-align: center; color: #aaa; font-size: 12px;}
#albumWindow .ctr{position: absolute; top: 50%; margin-top: -70px; width: 50px; height: 140px; background-color: #f4f4f4; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; opacity: .8; line-height: 140px; color: #e64a19; text-align: center;}
#albumWindow .ctr s{color: #e64a19; font-size: 42px; font-weight: bold;}
#albumWindow .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;}
#albumWindow .ctr:hover{color: #e64a19;}
.ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: 100%;}
.ysqUEO #albumWindow .ctr s:before,
.ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 21px; height: 2px; background-color: #e64a19; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO #albumWindow .ctr:hover s:before,
.ysqUEO #albumWindow .ctr:hover s:after{background-color: #e64a19;}
.ysqUEO #albumWindow .ctr.prev s:before,
.ysqUEO #albumWindow .ctr.prev s:after{margin-left: -8.5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO #albumWindow .ctr.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.next s:before,
.ysqUEO #albumWindow .ctr.next s:after{margin-left: -12.5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO #albumWindow .ctr.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}
#albumWindow .ctr.prev{left: 0;}
#albumWindow .ctr.next{right: 0;}
#albumWindow .ctr.reject{display: none;}
#albumWindow .ctr:active{opacity: 1;}
#albumWindow .ctr:hover{background-color: #f5f5f5;}
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #ec981b; color: #fff; font-size: 16px;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.ing:after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax #loadState.retry{overflow: hidden; background-color: #ec981b; cursor: pointer;}
.scrollAjax #loadState.retry:before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollAjax #loadState.retry:hover:before{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.scrollAjax .pageList{display: none;}
/* 模态窗 */
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ;}
.TAlert .contain .Tclose{position: absolute; top: 2px; right: 2px; width: 40px; height: 40px;}
.TAlert .contain .Tclose s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.TAlert .contain .Tclose s:hover{color: #333333;}
.ysqUEO .TAlert .contain .Tclose s{overflow: hidden; text-indent: 120%;}
.ysqUEO .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .contain .Tclose s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #333333;}
.ysqUEO .TAlert .contain .Tclose s:before{top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px;}
.ysqUEO .TAlert .contain .Tclose s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px;}
.ysqUEO .TAlert .contain .Tclose s:hover:before,
.ysqUEO .TAlert .contain .Tclose s:hover:after{background-color: #333333;}
.TAlert .contain .Tclose s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;}
.TAlert .contain .foot .btn:before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.TAlert .contain .foot .btn:hover:before{background-color: rgba(0, 0, 0, 0.1);}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #ec981b; color: #fff;}
.TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;}
.TAlert .contain .foot .btn.w100{border-left: none;}
.ysqUEO .TAlert .contain{opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.ysqUEO .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
/* 页码 */
.pageListBox{text-align: center; padding-bottom: 60px;}
.pageListBox .pageList{display: inline-block; vertical-align: top; position: relative; overflow: hidden; font-size: 0; padding-top: 50px;}
.pageListBox .pageList ul{position: relative; float: none !important; line-height: 32px;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; vertical-align: top;}
.pageListBox .pageList ul li{margin: 0 4px; font-size: 14px;}
.pageListBox .pageList ul .ctr a,
.pageListBox .pageList ul .start a,
.pageListBox .pageList ul .end a{font-weight: bold; font-size: 14px; font-family: "SimSun", "宋体" !important;}
.pageListBox .pageList a{display: block; border: #c8c8c8 solid 1px; padding-left: 12px; padding-right: 12px; text-align: center; height: 32px; border-radius: 1px; color: #888; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.pageListBox .pageList a:hover{color: #fff; background-color: #ec981b;}
.pageListBox .pageList a.selected{color: #ff5000; border-color: #fff;}
.pageListBox .pageList a:active{border-color: #fff;}
/*header*/
.scroll-wrap{padding-top: 140px;}
.foldNav .scroll-wrap{padding-top: 60px;}
.header{position: fixed; left: 0; top: 0; width: 100%; z-index: 50; height: 140px; background-color: #fff; border-bottom: #eaeaea solid 1px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18);}
.ysqUEO .header{border-bottom: none;}
.foldNav .header{height: 60px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);}
.foldNav .header .top{margin-top: -80px;}
.foldNav .header .firNav .link{color: #333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.foldNav .header .firNav .link:hover{color: #ec981b;}
.header .top{z-index: 3; position: relative; height: 79px; border-bottom: #eaeaea solid 1px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.header .top .container{position: relative; height: 100%;}
.header .top .logo{float: left; position: relative; top: 20%; margin-top: -12px;  height: 68px;}
.header .top .logo > img{display: block; height: 100%;}
.header .top .logo .aside{position: absolute; left: 100%; top: 30%; margin-left: 20px; padding-left: 19px; height: 16px; padding-top: 10px; padding-bottom: 10px;border-left: #d2d2d2 solid 1px;}
.header .top .logo .aside > img{display: block; height: 16px;}
.header .top .contact{float: right; margin-right: 94px; margin-top: 13px; color: #e64a19; font-weight: bold; line-height: 28px; font-size: 14px;}
.header .top .contact .icoImg{margin-right: 8px;}

.bar6 input {border:2px solid #c5464a;border-radius:5px;background:transparent;top:0;right:0;box-sizing:border-box;}
.bar6 button {background:#c5464a;border-radius:5px;width:60px;height: 42px;top:0;right:0;}
.bar6 button:before {content:"搜索";font-size:13px;color:#F9F0DA;}
#container { float: left; width:300px;height:56px;margin:0 auto; padding-top: 10px;}
div.search {padding:10px 0;}
.frse {position:relative;width:300px;margin:0 auto;}
.inse {outline:none;width:100%;height:42px;padding-left:13px;}
.btnse {height:42px;width:42px;cursor:pointer;position:absolute;border:none;}

.header .top .qrcode{z-index: 9; position: absolute; right: 0; top: 0; padding-bottom: 24px; -webkit-transition: all 400ms ease 600ms; transition: all 400ms ease 600ms;}
.header .top .qrcode > img{width: 83px; height: 83px; display: block;}
.header .top .qrcode .btn{position: absolute; left: 50%; bottom: 0; margin-left: -5px; width: 11px; height: 29px; background-image: url(../images/btnt-2wm.png); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat; -webkit-transition: all 220ms ease 600ms; transition: all 220ms ease 600ms;}
.header .top .qrcode:hover{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; top: -3px; padding-bottom: 0;}
.header .top .qrcode:hover .btn{height: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .firNav{position: relative; z-index: 1; font-size: 0; text-align: center; padding-top: 17px; padding-bottom: 17px; height: 26px; min-width: 1200px;}
.header .firNav .firItem{display: inline-block; vertical-align: top; position: relative; z-index: 5; height: 60px; line-height: 60px; text-align: center; width: 170px; height: 26px; border-right: #e9e9e9 solid 1px; border-left: #e9e9e9 solid 1px; margin-left: -1px;}
.header .firNav .firItem:first-child{margin-left: 0;}
.header .firNav .firItem .link1{position: relative; margin-top: -17px; padding-top: 13px; padding-bottom: 13px; height: 34px; display: block; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; line-height: 1;}
.header .firNav .firItem .link1 .cn{font-size: 16px;}
.header .firNav .firItem .link1 .en{margin-top: 6px; font-size: 12px; text-transform: capitalize;}
.header .firNav .firItem .secNav{position: absolute; left: 50%; margin-left: -85px; top: 100%; padding-top: 10px; padding-bottom: 10px; width: 170px; line-height: 32px; white-space: nowrap; -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #fff; -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.15);}
.header .firNav .firItem .secNav .link2{position: relative; display: block; color: #999; font-size: 15px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .firNav .firItem .secNav .secItem.on .link,
.header .firNav .firItem .secNav .secItem:hover .link{color: #ec981b;}
.header .firNav .firItem:hover .secNav{-webkit-transform: none !important; transform: none !important;}
.header .firNav .firItem.on .link1{color: #ec981b;}
/* floatRight */
.floatRight{position: fixed; z-index: 31; right: 5px; top: 120%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.floatRight .item{display: block; position: relative; margin-top: 4px; min-width: 48px; height: 48px; line-height: 48px;}
.floatRight .item:first-child{margin-top: 0;}
.floatRight .item .stay{position: absolute; right: 0; top: 0; z-index: 2; width: 48px; line-height: 48px; font-size: 0; *font-size: 36px; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ text-align: center; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 220ms ease 120ms; transition: all 220ms ease 120ms;}
.floatRight .item .stay img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.floatRight .item .come{z-index: 1; position: absolute; right: 48px; top: 0; min-width: 65px; text-align: right; color: #fff; -webkit-transform: translateX(48px); transform: translateX(48px);}
.floatRight .item .padbox{padding-right: 15px; padding-left: 20px; white-space: nowrap; background-color: #ec981b;}
.floatRight .item:hover .stay{background-color: #ec981b; opacity: 1; -webkit-transition-delay: 0ms; transition-delay: 0ms;}
.floatRight .item:hover .come{-webkit-transform: none !important; transform: none !important; -webkit-transition-delay: 120ms; transition-delay: 120ms;}
.index{background-image: url(../images/bgi-cooperate.jpg); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat;}
.index-banner{position: relative; width: 100%; height: 640px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-banner .item{z-index: 1; position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff;}
.index-banner .item.moveItem{position: absolute;}
.index-banner .item .contain{height: 100%; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0.8) translateY(-60px); transform: scale(0.8) translateY(-60px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-banner .item .contain img{display: block; width: 100%; height: 100%; pointer-events: none;}
.index-banner .item.leave .contain{-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 800ms ease 0ms; transition: all 800ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0.8) translateY(60px); transform: scale(0.8) translateY(60px);}
.index-banner .item.come .contain{-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;}
.index-banner .item.on .contain{-webkit-transition: all 800ms ease 0ms; transition: all 800ms ease 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.index-banner .pagination{height: 25px; line-height: 25px; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.index-banner .pagination .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 25px; height: 25px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-indent: 50px; font-size: 0; margin: 0 15px; vertical-align: top;}
.index-banner .pagination .btn:before,
.index-banner .pagination .btn:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/icoi-banner.png); background-repeat: no-repeat; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.index-banner .pagination .btn:before{background-position: -25px bottom;}
.index-banner .pagination .btn:after{background-position: 0 bottom; height: 0;}
.index-banner .pagination .btn.on:after{height: 100%;}
.index-banner .ctr{position: absolute; top: 50%; margin-top: -32px; z-index: 8; width: 32px; height: 64px; -webkit-transition: -webkit-transform 220ms ease 0s; transition: -webkit-transform 220ms ease 0s; transition: transform 220ms ease 0s; transition: transform 220ms ease 0s, -webkit-transform 220ms ease 0s; background-image: url(../images/arrowi-banner.png); background-repeat: no-repeat; text-indent: 150%; overflow: hidden;}
.index-banner .ctr.reject{display: none;}
.index-banner .ctr.prev{left: 5%; background-position: left 0;}
.index-banner .ctr.prev:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.index-banner .ctr.next{right: 5%; background-position: right 0;}
.index-banner .ctr.next:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.index-head{text-align: center; padding-top: 30px; padding-bottom: 10px;}
.index-head .dt{line-height: 22px; font-size: 0;}
.index-head .dt:before,
.index-head .dt:after{content: " "; display: inline-block; vertical-align: middle; width: 100px; height: 1px; background-color: #b4b4b4;}
.index-head .dt span{display: inline-block; vertical-align: top; padding-left: 35px; padding-right: 35px; height: 24px; font-size: 30px; color: #333333; border-left: #b4b4b4 solid 1px; border-right: #b4b4b4 solid 1px;}
.index-head .dd{margin-top: 20px; font-size: 16px; color: #666666;}

.customize{ width:100%; height:82px; background: #eee;}
.cust_gj{ width:1200px; margin: 0 auto;}
.cust_gj a{
	
	display: block;
	width: 180px;
	height: 44px;
	background-color: #ce2222;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	border-radius: 24px;
	margin-top: 19px;
	position: absolute;
	
}
/*banner下边咨询*/
.cust-text{
	width: 414px;
	height: 34px;
	background: url(https://hefei.rxjy.com/img/focus-bg2.0-img/office-topic/cust-text_bg.png) no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 16px;
	color: #000000;
	line-height: 34px;
	margin-top: 24px;
	margin-left: 203px;
	position: absolute;
}
.cust-phone{
	margin-left: 723px;
	font-size: 20px;
	color: #333333;
	margin-top: 24px;
	position: absolute;
}
.cust-phone span{
	font-size: 26px;
	color: #333333;
}
/*公司五大优势*/
.w1200{	width: 1200px; height: 280px; 
	margin: 40px auto;}

.hxnav_list>p {
    text-align: center;
    font-size: 35px;
    margin: 0;
    vertical-align: middle;
    color: #000;
    margin-bottom: 6px;
    margin-top: 30px;

}
.hxnav_list>p span {
    background: #D4D4D4;
    vertical-align: middle;
    margin:0 20px;
    display: inline-block;
    width: 56px;
    height: 2px;
}
.hxnav_list .fubiaoti {
    text-align: center;
    font-size: 18px;
    margin: 0;
    vertical-align: middle;
    color: #7d7d7d;
    margin-bottom: 40px;
    margin-top: 10px;
    letter-spacing:3px
}

/*服务企业*/
.kehu500{width: 100%;height: 324px; background: #eee; }
.kehu{height:44px; line-height:44px; margin-top:40px; text-align:center; font-size:30px; color:#070707; }
.k_bri{height:30px; line-height:30px; text-align:center; font-size:14px; color:#666;}
.wrap{width: 1200px;height: 200px;position: relative;overflow: hidden; margin: 0 auto;}
.wrap ul{overflow: hidden;position:absolute;width: 1200px;left: 0;top: 0;_height:1px;}
.wrap ul li{float: left;width: 214px;height: 175px;list-style-type: none;}
.wrap ul li img{width:90%;}
.mt{width:1200px; margin: 0 auto;}
.Childs {
    float: left;
    width: 16.66667%;
    padding: 0 20px;
	text-align: center;
}
.Childs:nth-child(1) {
    padding-left: 0;
}
.Childs:last-child {
    padding-right: 0;
}
.Childs .imgScal {
    margin:0 auto;
    width: 82px;
    height: 82px;
    margin-bottom: 13px;
}
.Childs .imgScal:hover img {
    transform: scale(1.1);
}
.Childs .imgScal img {
    transition:all .5s linear;
    width: 100%;
    height: 100%;
}
.Childs h3 {
     font-size: 16px;
     margin-top: 0;
     font-weight: bold;
     color: #3A3A3A;
     margin-bottom: 9px;
	
}
.Childs p {
    font-size: 14px;
    color: #5E5E5E;
	line-height: 20px;
	width: 188px;
}
.index-about{padding-bottom: 1px; min-height: 470px; background-image: url(../images/bak10151.png);  background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.index-about-body{padding-left: 525px; width: 675px;}
.index-about-body .pic{float: left; margin-left: -525px; width: 480px; height: 300px; background-color: #f1f1f1;}
.index-about-body .txt{position: relative; min-height: 210px; padding-bottom: 90px; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; max-height: 210px;}
.index-about-body .more{display: block; position: absolute; left: 0; bottom: 0; width: 188px; height: 44px; line-height: 44px; text-align: center; color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;background-color: red;}
.index-about-body .more:hover{ background-color:#ec981b;}


/*公司业务*/
.main-4 {

  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1; padding-top: 70px;
}
.main-4 .con {
	height: 330px;
}
.main-4 .con > div {
  display: flex;
  flex-wrap: wrap;
}
.main-4 .con .item {
  width: calc((100% - 6.8rem) / 2);
  text-decoration: none;
  position: relative;
}
.main-4 .con .item:nth-of-type(odd) {
  margin-right: 6.6rem;
}
.main-4 .con .item .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  transform: translate(-50%, -50%) rotate(-45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#fafafa;
  z-index: 1;
}
.main-4 .con .item .num::after {
  content: "";
  position: absolute;
  bottom: 0.8rem;
  left: 57%;
  border-bottom: 0.05rem solid #343434;
  transform: rotate(-30deg);
}
.main-4 .con .item .num span {
  display: block;
  transform: rotate(45deg);
  font-size: 2rem;
}
.main-4 .con .item .text {
  width: 14.75rem;
  height: 14.75rem;
  background-color: #fff;
  padding-top: 4.25rem;
  padding-left: 2.6rem;
  padding-right: 5.6rem;
  position: relative;
	
}
.main-4 .con .item .text::after {
  content: "";
  position: absolute;
  top: 1.7rem;
  left: 1rem;
  display: block;
  width: 1rem;
  height: 3rem;
  border-left: 0.05rem solid #343434;
  border-bottom: 0.05rem solid #343434;
}
.main-4 .con .item .text h6 {
  font-size: 18px;
	color: #000;
  padding-bottom: 0.4rem;
  margin-bottom: 0.4rem;
  position: relative;
}
.main-4 .con .item .text h6::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.55rem;
  border-bottom: 0.15rem solid #343434;
}
.main-4 .con .item .text p {
  color: #666;
  margin-bottom: 2.5rem;
}
.main-4 .con .item .text span {
  display: inline-block;
  padding: 0.4rem 0.5rem;
  border: 0.05rem solid #ff6900;
  font-size: 0.6rem;
  color: #ff6900;
}
.main-4 .con .item .text span:hover {
  background-color: #ff6900;
  color: #fff;
}
.main-4 .con .item .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 64%;
  min-height: 14rem;
  background-color: #f5f5f5;
  transform: translateY(-10%);
}
.main-4 .con .item:hover .num {
  background-color: #ff6900;
}
.main-4 .con .item:hover .num * {
  color: #fff;
}
.main-4 .con .item:hover .num::after {
  border-color: #fff;
}
.main-4 .con .item:hover .text::after {
  border-color: #ff6900;
}

.main-center {
  width: 1200px;
  margin: 0 auto;
}
/*公司结束*/
.index-case{background-color: #f0f0f0; padding-bottom: 1px; background-image: url(../images/bgi-case.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.index-case-tab .Tg{padding-top: 5px; padding-bottom: 5px; height: 70px; text-align: center; font-size: 0;}
.index-case-tab .Tg .btn{position: relative; display: inline-block; vertical-align: top; width: 120px; height: 70px; border-left: #dadada solid 1px; border-right: #dadada solid 1px; font-size: 12px; color: #666666; margin-left: -1px;}
.index-case-tab .Tg .btn.i1 .ico{background-position: 0px 0;}
.index-case-tab .Tg .btn.i2 .ico{background-position: -50px 0;}
.index-case-tab .Tg .btn.i3 .ico{background-position: -100px 0;}
.index-case-tab .Tg .btn.i4 .ico{background-position: -150px 0;}
.index-case-tab .Tg .btn.i5 .ico{background-position: -200px 0;}
.index-case-tab .Tg .btn.i6 .ico{background-position: -250px 0;}
.index-case-tab .Tg .btn.i7 .ico{background-position: -300px 0;}
.index-case-tab .Tg .btn.i8 .ico{background-position: -350px 0;}
.index-case-tab .Tg .btn:first-child{margin-left: 0;}
.index-case-tab .Tg .btn .ico{display: block; width: 50px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 6px; background-repeat: no-repeat; background-image: url(../images/icoi-cases.png); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-case-tab .Tg .btn.on{z-index: 2; color: #ec981b;}
.index-case-tab .Tg .btn.on.i1 .ico{background-position: 0px -50px;}
.index-case-tab .Tg .btn.on.i2 .ico{background-position: -50px -50px;}
.index-case-tab .Tg .btn.on.i3 .ico{background-position: -100px -50px;}
.index-case-tab .Tg .btn.on.i4 .ico{background-position: -150px -50px;}
.index-case-tab .Tg .btn.on.i5 .ico{background-position: -200px -50px;}
.index-case-tab .Tg .btn.on.i6 .ico{background-position: -250px -50px;}
.index-case-tab .Tg .btn.on.i7 .ico{background-position: -300px -50px;}
.index-case-tab .Tg .btn.on.i8 .ico{background-position: -350px -50px;}
.index-case-tab .Tt{margin-top: 40px;}
.index-case-list{position: relative; overflow: hidden; margin-right: -21px; margin-bottom: -25px; *margin-bottom: 0; min-height: 25px;}
.index-case-list .item{float: left; position: relative; margin-right: 21px; margin-bottom: 25px; width: 386px; height: 290px;}
.index-case-list .item .pic{width: 100%; height: 242px; background-color: #f1f1f1;}
.index-case-list .item h3{position: relative; height: 48px; line-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #eaeaea; text-align: center; -webkit-transition: all 400ms ease 0s, color 50ms ease 0s; transition: all 400ms ease 0s, color 50ms ease 0s; text-indent: 0; padding-left: 10px; padding-right: 10px;}
.index-case-list .item h3:after{content: " "; border-left: #fff solid 1px; height: 30px; width: 55px; position: absolute; right: 0; top: 9px; background-image: url(../images/arrowi-case.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translateX(-30px); transform: translateX(-30px);}
.index-case-list .item:hover h3{color: #fff; background-color: #e8c29c; text-align: left; text-indent: 12px; padding-right: 60px;}
.index-case-list .item:hover h3:after{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.index-news{padding-bottom: 40px;}
.index-news-dl{float: left; width: 350px; border: #dddddd solid 1px; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; padding: 40px 20px 30px; margin-left: 12px;}
.index-news-dl:first-child{margin-left: 0;}
.index-news-dl.i1 .ico{background-position: 0px 0;}
.index-news-dl.i2 .ico{background-position: -24px 0;}
.index-news-dl.i3 .ico{background-position: -48px 0;}
.index-news-dl .dt{position: relative; font-size: 20px; line-height: 20px; color: #333333;}
.index-news-dl .dt .ico{position: absolute; right: 0; top: -2px; width: 24px; height: 24px; background-image: url(../images/icoi-news.png);}
.index-news-dl .dd{margin-top: 20px;}
.index-news-dl:hover{-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-6px); transform: translateY(-6px);}
.index-news-dl:hover.i1 .ico{background-position: 0px -24px;}
.index-news-dl:hover.i2 .ico{background-position: -24px -24px;}
.index-news-dl:hover.i3 .ico{background-position: -48px -24px;}
.index-news-dl:hover .dt{color: #ec981b;}
.index-news-list .item{position: relative; overflow: hidden;}
.index-news-list h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-list .graphicItem{margin-bottom: 22px;}
.index-news-list .graphicItem .pic{width: 350px; height: 200px; background-color: #f1f1f1;}
.index-news-list .graphicItem h3{z-index: 11; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-indent: 12px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #000000 \9;}
.index-news-list .graphicItem h3:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.index-news-list .textItem{margin-top: 12px; font-size: 14px; line-height: 24px;}
.index-news-list .textItem h3{position: relative;}
.index-cooperate{padding-bottom: 80px;}
/* footer */
.footer{padding-top: 28px; padding-bottom: 26px; background-color: #353537; background-image: url(../images/bgf-footer.jpg); background-size: auto; background-position: 50% 0%; background-repeat: no-repeat;}
.footer,
.footer a{color: #d1d1d1;}
.footer-hr{background-color: #4a4a4a; margin-top: 10px; margin-bottom: 10px;}
.footer .f-partner{width: 1100px; padding-left: 95px; padding-right: 5px; min-height: 24px; line-height: 24px; font-size: 16px; padding-top: 5px; padding-bottom: 5px;}
.footer .f-partner .dt{float: left; margin-left: -95px; text-indent: 5px; font-weight: bold;}
.footer .f-partner .link{display: inline-block; vertical-align: top;}
.footer .f-partner s{margin-left: 5px; margin-right: 5px;}
.footer .f-tels{padding-top: 40px; padding-bottom: 40px; line-height: 48px; text-align: center;}
.footer .f-tels s{display: inline-block; vertical-align: top; margin-left: 40px; margin-right: 40px; font-size: 30px; font-weight: 100; color: #ac8924; font-family: "SimSun", "宋体"; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.footer .f-tels a{display: inline-block; vertical-align: top; padding-left: 64px; font-size: 30px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; color: #ec981b;}
.footer .f-tels .icoImg{float: left; margin-left: -64px; width: 48px; height: 48px;}
.footer .f-copyrights{text-align: center; font-size: 16px; line-height: 28px;}

/* footer01 */
/*.footer1{ width:100%; padding-top:10px; border-top:1px solid #ddd; text-align:center; overflow:hidden; background:#e5e5e5; }
.hc_1200{ width:1200px; margin:auto; border:0px solid red}
.hc_contlx{ height:270px;color:#333;  }
.hc_contlx .contlxfs{ width:369px;  overflow:hidden; border-right:1px solid #cccccc;}
.hc_contlx .contlxfs .hc_dh{ width:309px; margin:10px 0; background:url(http://www.scghc.com/statics/img/ftel.png) left center no-repeat;}
.hc_contlx .contlxfs .hc_dh p{ font-size:12px; color:#333;    text-align: left; padding-left: 60px; line-height:28px; }
.hc_contlx .contlxfs .hc_dh p i{ font-size:24px; line-height:4px;}

.contlxfs .hc_lxx{}
.contlxfs .hc_lxx h3{  font-size:16px;color:#333; line-height:36px ; text-align:left;}
.contlxfs .hc_lxx p{ font-size:12px;color:#666; line-height:24px ; text-align:left;}

.hc_bosi{ width:830px;  margin:0 auto; overflow:hidden;}
.hc_bosi ul{ overflow:hidden;  padding:10px;  margin:0 auto; background:url(http://www.scghc.com/statics/img/wx.jpg) right 40px no-repeat}
.hc_bosi ul li{ float:left; width:135px; margin:20px 0; text-align:center; padding-top:6px;   height: 194px; overflow: hidden;}
.hc_bosi ul li a{ text-decoration: none;font-size:12px; color:#666; padding:0 10px; display:block; line-height:24px;}
.hc_bosi ul li.hc_you{ border-right:0px solid #fff;}
.hc_bosi ul li a:hover{ color:#b72024;}
.hc_bosi ul li .hc_ttb{ font-size:16px;  color:#333}
.hc_bosi ul li .hc_ttb .hc_line{ display:block; height:1px; width:30px;background:#999999; margin:10px auto;}

.hc_db{ height:60px; border:0px solid #fff; background:#d5d5d5;}
.hc_db p{ color:#333; line-height:50px; font-size:12px; border:0px solid red; text-align:center;}
.hc_db p a{color:#333; display:inline-block;}
.hc_yqlj{ height:40px; margin:0px auto 10px; text-align:left; border-top:1px solid #fff;}
.hc_yqlj a{ padding:0 10px; line-height:40px; color:#999; font-size:12px;}
.hc_yqlj b{ line-height:40px; font-size:12px; color:#666;}*/

/* 关于我们公司六大优势 */
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.c_middle{background:#f4f4f4;  width: 100%; padding: 40px 0px 40px 0px;}
.c_middle .article{ padding-bottom:40px;}
.z_title{height:56px; line-height:56px; text-align:center; color:#111; text-align:center;  font-size:31px;}
.hrbj{display: block; margin-left: auto; margin-right: auto;  width: 214px; height: 21px; background-image: url(../images/bgs-headHr.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.z_bri{text-align:center; height:30px; line-height:30px; font-size:14px; color:#666;}
.c_middle .article .art_lab{width:570px; margin-top:20px;}
.c_middle .article .art_lab li{margin-bottom:10px;list-style-type: none;}
.c_middle .article .art_lab li .num{font-size:40px; font-family:'anc'; color:#f08200; height:70px; line-height:40px;}
.c_middle .article .art_lab li .a_box{width:495px;}
.c_middle .article .art_lab li .name{height:38px; line-height:38px; font-size:16px; color:#3891d2; font-weight:bold; overflow:hidden;}
.c_middle .article .art_lab li .brief{line-height:20px; font-size:14px; color:#666;}
.c_middle .article .art_rab{width:600px; height:321px; overflow:hidden;}
.c_middle .article .a2{width:474px; height:371px; overflow:hidden;}	
.fl{ float:left;}
.fr{float:right;}
.main1{width:1200px; margin:0 auto;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
/* subpage */
.subpage-banner{position: relative; z-index: 6; height: 460px;}
.subpage-banner .contain{text-align: center; padding-top: 85px;}
.subpage-nav{margin-bottom: 40px; position: relative; z-index: 8; margin-top: -35px; height: 70px; line-height: 70px; text-align: center; white-space: nowrap; font-size: 0; background-color: #fff; -webkit-box-shadow: 0px 1px 13px 0px rgba(59, 59, 59, 0.21); box-shadow: 0px 1px 13px 0px rgba(59, 59, 59, 0.21);}
.subpage-nav .link{display: inline-block; vertical-align: top; width: 150px; height: 70px; font-size: 16px;}
.subpage-nav .link.on{font-weight: bold;}
/* sAbout */
.sAbout-head{padding-bottom: 40px; text-align: center;}
.sAbout-head .dt{font-size: 34px; color: #111; line-height: 40px;}
.sAbout-head .hr{display: block; margin-left: auto; margin-right: auto; margin-top: 20px; width: 214px; height: 21px; background-image: url(../images/bgs-headHr.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.sAbout-head .ds{margin-top: 10px; font-size: 16px; line-height: 24px; color: #aaa;}
.sAbout-section{padding-top: 60px; padding-bottom: 40px; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.sAbout-information{background-color: #efefef; background-image: url(../images/bgs-about1.jpg);}
.sAbout-information-body{position: relative; padding-right: 320px; width: 880px;}
.sAbout-information-body .hang{position: absolute; right: 0; top: -12px; width: 270px; height: 270px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sAbout-information-body .hang .loop{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ysqUEO .sAbout-information-body .hang .loop{-webkit-animation-name: rotate360X; animation-name: rotate360X; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sAbout-information-body .hang .center{z-index: 2; position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -65px; width: 130px; height: 130px;}
.sAbout-information-body .hang:hover .loop{-webkit-animation-play-state: paused; animation-play-state: paused;}
@-webkit-keyframes rotate360X{0%{-webkit-transform: rotate(45deg); transform: rotate(45deg);} 10%, 25%{-webkit-transform: rotate(135deg); transform: rotate(135deg);} 35%, 50%{-webkit-transform: rotate(225deg); transform: rotate(225deg);} 60%, 75%{-webkit-transform: rotate(315deg); transform: rotate(315deg);} 85%, 100%{-webkit-transform: rotate(405deg); transform: rotate(405deg);}}
@keyframes rotate360X{0%{-webkit-transform: rotate(45deg); transform: rotate(45deg);} 10%, 25%{-webkit-transform: rotate(135deg); transform: rotate(135deg);} 35%, 50%{-webkit-transform: rotate(225deg); transform: rotate(225deg);} 60%, 75%{-webkit-transform: rotate(315deg); transform: rotate(315deg);} 85%, 100%{-webkit-transform: rotate(405deg); transform: rotate(405deg);}}
.sAbout-culture{background-color: #5e6061; background-image: url(../images/bgs-about2.jpg);}
.sAbout-culture .sAbout-head .dt{color: #fff;}
.sAbout-culture-body{text-align: center; font-size: 0; white-space: nowrap;}
.sAbout-culture-body .col{display: inline-block; vertical-align: top; width: 400px; font-size: 14px; padding-top: 15px; padding-bottom: 5px;}
.sAbout-culture-body .col.i1 .ico{background-position: 0px 0;}
.sAbout-culture-body .col.i2 .ico{background-position: -90px 0;}
.sAbout-culture-body .col.i3 .ico{background-position: -180px 0;}
.sAbout-culture-body .col .ico{width: 90px; height: 90px; margin-left: auto; margin-right: auto; display: block; background-image: url(../images/icos-about2.png);}
.sAbout-culture-body .col .dt{margin-top: 35px; font-size: 24px; font-weight: bold; color: #fff;}
.sAbout-culture-body .col .hr{margin-top: 22px; margin-left: auto; margin-right: auto; width: 40px; height: 2px; background-color: #ff7200;}
.sAbout-culture-body .col .dd{margin-top: 20px; font-size: 14px; line-height: 24px; color: #e0e0e0;}
.sAbout-honor{background-color: #fff;}
.sAbout-honor-list{position: relative; overflow: hidden; margin-right: -40px; margin-bottom: -26px; *margin-bottom: 0; min-height: 26px;}
.sAbout-honor-list .item{float: left; position: relative; margin-right: 40px; margin-bottom: 26px; width: 270px; height: 230px;}
.sAbout-honor-list .item .img{overflow: visible; width: 256px; height: 166px; padding: 5px; border: #e5e5e5 solid 2px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sAbout-honor-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; font-size: 16px; line-height: 26px; text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sAbout-honor-list .item:hover h3{color: #ec981b;}
.sAbout-honor-list .item .border{position: absolute; background-color: #ec981b; z-index: 11;}
.sAbout-honor-list .item .border.b_t{left: 0%; right: 100%; top: -2px; height: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item .border.b_r{top: 0%; bottom: 100%; right: -2px; width: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item .border.b_b{left: 0%; right: 100%; bottom: -2px; height: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item .border.b_l{top: 0%; bottom: 100%; left: -2px; width: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item:hover .b_t{left: -2px; right: -2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item:hover .b_r{top: -2px; bottom: -2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item:hover .b_b{left: -2px; right: -2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sAbout-honor-list .item:hover .b_l{top: -2px; bottom: -2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
/* sCase */
.sCase-list{position: relative; overflow: hidden; margin-left: -10px; padding-left: 10px; width: 1230px; margin-bottom: -26px; *margin-bottom: 0; min-height: 26px;}
.sCase-list .item{float: left; position: relative; margin-right: 30px; margin-bottom: 26px; width: 380px; height: 332px;}
.sCase-list .item .pic{width: 380px; height: 238px; background-color: #f1f1f1;}
.sCase-list .item .mask{padding-top: 78px; height: 160px; text-align: center; background-color: #000000 \9;}
.sCase-list .item .mask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.sCase-list .item .mask span{display: inline-block; vertical-align: top; padding-top: 60px; font-size: 12px; text-decoration: underline; color: #fff; background-image: url(../images/icos-caseMore.png); background-size: auto; background-position: 50% 0; background-repeat: no-repeat;}
.sCase-list .item .txt{padding: 20px; height: 55px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.sCase-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 26px;}
.sCase-list .item p{margin-top: 10px; font-size: 14px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666666;}

.dhwz{height: 24px;font-size: 14px; margin-top: 20px;}
/* sView */
.sView{background-color: #f3f3f3;}
.sView.lr{padding-top: 44px; padding-bottom: 84px;}
.sView.lr .mainbody{float: left; width: 820px; background-color: #fff; padding: 34px 30px 0;}
.sView.lr .sidebar{float: right; width: 260px; padding: 34px 20px 30px; background-color: #fff; }
.sView.lr .sidebar .dt{height: 32px; line-height: 32px; font-size: 16px; color: #333333;}
.sView.lr .sidebar .dt .more{float: right; font-size: 14px;}
.sView.lr .sidebar .list{margin-top: 18px;}
.sView.lr .sidebar .list .item{position: relative; margin-top: 20px; height: 74px;}
.sView.lr .sidebar .list .item:first-child{margin-top: 0;}
.sView.lr .sidebar .list .item .link{display: block; padding-left: 132px; color: #333333;}
.sView.lr .sidebar .list .item .pic{float: left; margin-left: -132px; width: 120px; height: 74px; background-color: #f1f1f1;}
.sView.lr .sidebar .list .item h3{font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 36px;}
.sView.lr .sidebar .list .item .more{position: absolute; left: 132px; bottom: 0; width: 66px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #333333; border: #c8c8c8 solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sView.lr .sidebar .list .item:hover .more{border-color: #ff7200; background-color: #ff7200; color: #fff;}
/*2021.10.20*/
.rightBigBox{float: right;width:300px;}
.rightBigBox .sidebar{float: left;}

.mianfei{float: left; width: 260px; padding: 34px 20px 30px; background-color: #fff;text-align: center;margin-top: 20px;position: static; }
.mianfei_fixed {position:fixed;top:50px;}
.mianfei h2 {font-size:20px;font-weight:600;color:black;}
.mianfei p {font-size:14px;color:#8d8d8d;margin-top:10px;margin-bottom:15px;}
.FormDan {width:100%;margin:0 auto;text-align:center;}
.FormDan a {display:block;margin:0 auto;width:262px;height:40px;line-height:40px;font-size:16px;color:#ffffff;background:#ce2222;border-radius:7px;margin-bottom:14px;}
.input-item {margin-bottom:15px;}
input,select,textarea {font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#666;outline:0;resize:none;padding:0 8px;}
.quotation .quotation-input,.input-item select,.input-item input {width:270px;height:44px;border-radius:4px;box-sizing:border-box;border:1px solid #ccc;background:#fff;}
.input-item input {width:270px!important;height:44px!important;border-radius:4px;box-sizing:border-box;padding-left:12px!important;}

/*//弹窗报名表*/
.ljyy_tcpg{width:823px;height: 119px; background-image:url(../images/hxzxyy.png);}
.ljyy_tcpg_text{width:310px; float: right; margin-top: 54px; font-size: 16px;}
.ljyy_tcpg_text_li1{width:120px; float:left; margin-left: 12px;}
.ljyy_tcpg_text_li2{width:120px; float:left; margin-left: 34px;}
.ljyy_tcpg_text li a{color:aliceblue;}
/*//相关案例*/
.sView.lr .sidebar1{ width: 800px; padding-top: 20px; background-color: #fff; height: 240px;}
.sView.lr .sidebar1 .dt{height: 32px; line-height: 32px; font-size: 16px; color: #333333; font-weight: bold; padding-top: 12px;}
.sView.lr .sidebar1 .dt .more{float: right; font-size: 14px;}
.sView.lr .sidebar1 .list{margin-top: 14px; width: 800px; height: 200px; padding: 1px 20px 20px 20px;}
.sView.lr .sidebar1 .list .item{position:relative;height: 74px; width: 265px; float: left; margin-bottom: 20px;}
.sView.lr .sidebar1 .list .item:first-child{margin-top: 0;}
.sView.lr .sidebar1 .list .item .link{display: block; padding-left: 132px; color: #333333;}
.sView.lr .sidebar1 .list .item .pic{float: left; margin-left: -132px; width: 120px; height: 74px; background-color: #f1f1f1;}
.sView.lr .sidebar1 .list .item h3{font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 36px;}
.sView.lr .sidebar1 .list .item .more{position: absolute; left: 132px; bottom: 0; width: 66px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #333333; border: #c8c8c8 solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sView.lr .sidebar1 .list .item:hover .more{border-color: #ff7200; background-color: #ff7200; color: #fff;}
/*//相关案例*/


.sView.lr .sView-head{position: relative; padding-bottom: 15px; border-bottom: #e4e4e4 solid 1px;}
.sView.lr .sView-head h1{margin-right: 200px; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px;}
.sView.lr .sView-head p{margin-top: 10px; font-size: 12px; line-height: 18px; color: #999999;}
.sView.lr .sView-head .btn{position: absolute; right: 0; top: 0; padding-left: 32px; width: 70px; height: 32px; line-height: 34px; background-image: url(../images/icos-backToList.png); background-size: auto; background-position: 16px 12px; background-repeat: no-repeat; background-color: #dddddd; color: #666666; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sView.lr .sView-head .btn:hover{background-position: 12px 11px; background-color: #d1d1d1;}
.sView.lr .sView-body{padding-top: 25px; padding-bottom: 35px; font-size: 14px; line-height: 1.57142857;}
.sView.lr .sView-body .param{margin-bottom: 20px;}
.sView.lr .sView-body .param li{padding-left: 76px;}
.sView.lr .sView-body .param li .l{margin-left: -76px; font-weight: bold; color: #333333;}
.sView.lr .sView-foot{position: relative; border-bottom:#d9d9d9 solid 1px; height: 50px;}
.sView.lr .sView-foot .ctr{height: 50px; line-height: 50px; font-size: 14px; color: #333333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.sView.lr .sView-foot .ctr.prev{float: left;}
.sView.lr .sView-foot .ctr.prev:before{content: "<"; margin-right: 5px; font-family: "SimSun", "宋体" !important;}
.sView.lr .sView-foot .ctr.next{float: right;}
.sView.lr .sView-foot .ctr.next:after{content: ">"; margin-left: 5px; font-family: "SimSun", "宋体" !important;}
.sView.lr .sView-foot .ctr[href="#"],
.sView.lr .sView-foot .ctr[href=""]{cursor: not-allowed;}
.sView.fullWidth{padding-bottom: 60px;}
.sView.fullWidth .sView-head{padding-top: 10px; padding-bottom: 20px; border-bottom: #e2e2e2 solid 1px; text-align: center;}
.sView.fullWidth .sView-head h1{font-size: 30px; line-height: 40px; color: #333333;}
.sView.fullWidth .sView-head p{margin-top: 8px; font-size: 14px; line-height: 24px; color: #666666;}
.sView.fullWidth .sView-body{padding-top: 30px; padding-bottom: 40px;}
.sView.fullWidth .sView-foot{position: relative; border-top: #d9d9d9 solid 1px; border-bottom: #d9d9d9 solid 1px; height: 50px; padding-top: 12px; padding-bottom: 12px; font-size: 16px;}
.sView.fullWidth .sView-foot .ctr{height: 50px; line-height: 50px; color: #333333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.sView.fullWidth .sView-foot .ctr.prev{float: left;}
.sView.fullWidth .sView-foot .ctr.prev:before{content: "<"; margin-right: 5px; font-family: "SimSun", "宋体" !important;}
.sView.fullWidth .sView-foot .ctr.next{float: right;}
.sView.fullWidth .sView-foot .ctr.next:after{content: ">"; margin-left: 5px; font-family: "SimSun", "宋体" !important;}
.sView.fullWidth .sView-foot .ctr[href="#"],
.sView.fullWidth .sView-foot .ctr[href=""]{cursor: not-allowed;}
.sView.fullWidth .sView-foot .backToList{position: absolute; left: 50%; top: 12px; padding-left: 34px; padding-right: 4px; margin-left: -50px; width: ; height: 50px; line-height: 50px; text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; background-image: url(../images/icos-backToList2.png); background-size: auto; background-position: 6px 50%; background-repeat: no-repeat; color: #333333;}
.sView.fullWidth .sView-foot .backToList:hover{background-position: 4px center;}
/* sNews */
.sNews .sNews-list{margin-top: -20px;}
.sNews .sNews-list .item{position: relative; padding-left: 490px; height: 210px; border-bottom: #e5e5e5 dashed 1px; padding-top: 40px; padding-bottom: 40px;}
.sNews .sNews-list .item .time{position: absolute; left: 0; top: 58px; color: #111; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sNews .sNews-list .item .time .md{font-size: 26px;}
.sNews .sNews-list .item .time .y{margin-top: 10px; font-size: 14px;}
.sNews .sNews-list .item .pic{position: absolute; left: 105px; top: 40px; width: 336px; height: 210px; background-color: #f1f1f1;}
.sNews .sNews-list .item h3{margin-top: 15px; font-size: 18px; line-height: 26px;}
.sNews .sNews-list .item p{margin-top: 15px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 84px; height: 84px;}
.sNews .sNews-list .item .more{position: relative; display: block; margin-top: 30px; width: 80px; height: 20px; line-height: 20px; font-size: 14px; white-space: nowrap; border-bottom: #e1e1e1 solid 1px;}
.sNews .sNews-list .item .more s{margin-left: 5px; letter-spacing: -4px;}
.ysqUEO .sNews .sNews-list .item .more:after{content: " "; position: absolute; bottom: -1px; left: 100% ; width: 0; border-bottom: solid 1px;}
.ysqUEO .sNews .sNews-list .item .more:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqUEO .sNews .sNews-list .item .more:hover:after,
.ysqUEO .sNews .sNews-list .item .more.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.sNews .sNews-list .item:hover .time{color: #ec981b;}
/* sSite */
.sSite-list{position: relative; overflow: hidden; padding-top: 40px; margin-right: -21px; margin-bottom: -26px; *margin-bottom: 0; min-height: 26px;}
.sSite-list .item{float: left; position: relative; margin-right: 21px; margin-bottom: 26px; width: 386px; height: 292px; border-bottom: #e5e5e5 solid 1px;}
.sSite-list .item .pic{width: 386px; height: 242px; background-color: #f1f1f1;}
.sSite-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 16px; height: 50px; line-height: 50px;}
/* sAxdvantage */
.sAxdvantage-list{padding-top: 40px; padding-bottom: 60px;}
.sAxdvantage-list .item{position: relative; width: 100%; height: 198px; margin-top: 12px;}
.sAxdvantage-list .item:first-child{margin-top: 0;}
.sAxdvantage-list .item img{position: absolute; top: 0; height: 198px;}
.sAxdvantage-list .item .fault{left: 0;}
.sAxdvantage-list .item .right{right: 0;}
/* sContact */
.sContact{padding-bottom: 60px;}
.sContact-list{position: relative; overflow: hidden; border-bottom: #dddddd solid 1px; padding-top: 40px; padding-bottom: 20px; font-size: 0;}
.sContact-list .item{display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; padding: 10px 0; min-width: 399px;}
.sContact-list .item .icoImg{float: left; margin-right: 4px; width: 24px; height: 24px;}
.sContact .sContact-map{width: 100%; height: 420px; margin-top: 40px;}
.sContact .sContact-map #dituContent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.sContact .sContact-map #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #ec981b;}
.sContact .sContact-map #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.sContact .sContact-map #dituContent img{max-width: none;}
